<template>
  <div class="app-container">
    <div style="margin-bottom: 20px;">
      <el-radio-group v-model="radio1">
        <el-radio-button label="comAll">全部订单</el-radio-button>
        <el-radio-button label="comHanginTheAir">未完成</el-radio-button>
        <el-radio-button label="comCompleted">已完成</el-radio-button>
        <el-radio-button label="comDeleted">已删除</el-radio-button>
      </el-radio-group>
    </div>
    <component :is="radio1"></component>
  </div>
</template>

<script>
  import comAll from '../components/Tabs/all';
  import comHanginTheAir from '../components/Tabs/hanginTheAir';
  import comCompleted from '../components/Tabs/completed';
  import comDeleted from '../components/Tabs/deleted';
  export default {
    components:{
      comAll,
      comHanginTheAir,
      comCompleted,
      comDeleted
    },
    data() {
      return {
        radio1: 'comAll'
      }
    },
    methods: {

    }
  }
</script>
